<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>名师推荐</title>
<link href="../css/base.css" rel="stylesheet" type="text/css">
<link href="../css/toefl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jQuery.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
</head>

<body>
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img src="../img/logo.png"></a></div>
        <div class="headerLink">
        	<a class="###">登录</a>
            <a class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li><a href="###">首页</a></li>
                <li><a href="###">托福人</a></li>
                <li><a href="###">公开课</a></li>
                <li><a href="###">群组聊</a></li>
                <li><a href="###">自习室</a></li>
                <li><a href="###">福利城堡</a></li>
            </ul>
        </div>
        <div class="fenxiang">
        	<a href="#" class="weibo"><img src="../img/weibo.png" ></a>
            <a href="#" class="weixin"><img src="../img/weixin.png" ></a>
        </div>
    </div>
</div>
<div class="openMenu">
	<div class="doc1180">
    	<ul class="fn-clear">
        	<li class="openMenuOn"><a href="###">最新公开课</a></li>
            <li><a href="###">往期回顾</a></li>
            <li><a href="###">名师推荐</a></li>
        </ul>
    </div>
</div>
<div class="doc1180">
  <div class="crumbs_patch">
  	<a href="###">公开课</a>》
    <a href="###">最新公开课</a>》
    <span>名师推荐</span>
  </div>
	<div class="doc1180 fn-clear">
<!-- 代码 开始 -->
<div class="banner_index">
  <a href="javascript:void(0);" class="btn btnPre" id="banner_index_pre"></a>
  <a href="javascript:void(0);" class="btn btnNext" id="banner_index_next"></a>
    <ul class="banner_wrap" id="banner_index">
      <li><a href="###" target="_blank"><img src="../img/banner_index_1.jpg"/></a></li>
      <li><a href="###" target="_blank"><img src="../img/banner_index_2.jpg"/></a></li>
      <li><a href="###" target="_blank"><img src="../img/banner_index_3.jpg"/></a></li>
    </ul>
</div>
<div class="indexBanner_num" id="index_numIco"></div>
<script type="text/javascript">
var ShowPre1 = new ShowPre({box:"banner_index",Pre:"banner_index_pre",Next:"banner_index_next",numIco:"index_numIco",loop:1,auto:1});
</script>
<!-- 代码 结束 -->
    </div>
  <div class="mstj_main">
  	  <div class="mstj_Js">
          <dl>
                <dt><a href="#"><img src="../img/125x125.jpg" ></a></dt>
                <dd>
                	<div class="mstj_Nr"><span>老师名字：</span>一般的网站会有很多页面,面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提高般的网站会有很多页面,面包屑导航可以大大改善用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提</div>
                    <div class="fn-clear">
                    <a href="###" class="openClassZan classInfo_zan">30</a>
                    <a href="###" class="classInfo_weibo">进入老师微博</a>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="classInfo_menu fn-clear">
            <ul>
                <li><a href="###">Ta的原创文章</a></li>
                <li class="on"><a href="###">Ta的帖子</a></li>
                <li><a href="###">Ta的公开课</a></li>
                <li><a href="###">Ta的活动</a></li>
                <li><a href="###">Ta的精品课</a></li>
            </ul>
        </div>
        <div class="mstj_list">
        	<dl>
            	<dt>
                	<h3 class="mstj_H3">他的公开课</h3>
                    <div class="mstj_info"><b class="blue">老师名字</b><span>于2015-12-29日发表</span><span>|</span><span>最后回复</span><span>5分钟前</span></div>
                </dt>
                <dd>
                	<div class="mstj_icon2">1234</div>
                    <div class="mstj_icon1">1234</div>
                </dd>
            </dl>
            
        </div>
        <div class="pageList">
        	<ul>
            <li><span>1</span></li>
            <li><a href="###">2</a></li>
            <li><a href="###">3</a></li>
            <li><a href="###">4</a></li>
            <li><a href="###">5</a></li>
            <li><a href="###">最后一页</a></li>
            <li><a href="###" class="pret">上一页</a></li>
            <li><a href="###" class="next">下一页</a></li>
            </ul>
        </div>
    
  </div>
	
</div>
<div class="flink">
  <div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>
</body>
</html>
